<template>
  <div>
    <!-- <div>
      <svg-icon icon-class="theme" style="color: #fff" @click="drawer = true" />
    </div> -->

    <el-popover
      placement="bottom"
      width="400"
      trigger="click">
      <div>主题</div>
      <!-- <el-button slot="referece">click 激活</el-button> -->
      <svg-icon slot="reference" icon-class="theme" style="color: #fff" />
    </el-popover>
  </div>
</template>

<script>
export default {
  data() {
    return {
      drawer: false,
      direction: 'ttb'
    }
  },
  methods: {
  }
}
</script>

<style scoped>
.el-drawer{
  width: calc(100% - 210px);
  position: fixed;
  top: 52px;
  right: 0;
  bottom: 0;
  left: 0;
}
</style>
